import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import HelloFromVux from '@/components/HelloFromVux'
import Home from '@/components/Home' // 首页组件
import NotFound from '@/components/NotFound' // 404页面组件

Vue.use(Router)

// 配置路由映射 ，并通过export输出router到main.js文件中
export default new Router({
  mode: 'history', // 用路由的 history 模式,可以去掉#号，但要在服务器端配置，重定向到index.html，否则会出现404错误
  routes: [
    {
      path: '/hw',
      name: 'HelloWorld',
      component: HelloWorld
    },
    {
      path: '/',
      component: Home
    },
    {
      path: '/hf',
      component: HelloFromVux
    },
    {
      path: '*',
      component: NotFound // 覆盖所有的路由情况，给出一个404页面
    }
  ]
})
